import React, { Component } from 'react'
import { Layout, Menu } from 'antd';
import 'antd/dist/antd.css'
import TopMenuBg from '../../../pic/topmenu_bg.jpg'
const { Header } = Layout;
const style = {
    bgd: {
        color: 'rgba(0,0,0,.25)',
        backgroundImage: `url(${TopMenuBg})`,
    }
}
export default class TopMenu extends Component {
    render() {
        return (
            <Header className="header" style={style.bgd}>
                <div className="logo" />
                {/* <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
                    <Menu.Item key="1">nav 1</Menu.Item>
                    <Menu.Item key="2">nav 2</Menu.Item>
                    <Menu.Item key="3">nav 3</Menu.Item>
                </Menu> */}
            </Header>
        )
    }
}
